<template>
   <div class="">

      <group title="请填写收货信息">
        <x-input title="姓名" style="color:#635c5c" v-model="maskValue" :max="13"></x-input>
        <x-input title="手机号" style="color:#635c5c" v-model="maskValue" :max="13"></x-input>
        <x-input title="地址" style="color:#635c5c" v-model="maskValue2" :max="9"></x-input>
      </group>

	    <div class="car-foot-nav">
        <button class="sum-price car-btn">总额：￥2</button>
        <router-link :to='{path:"/cashier"}' class="to-pay car-btn" tag="button">去结算</router-link>
      </div>
   </div>
</template>

<script>

import { XInput, Group, Cell } from 'vux'

export default {
  components: {
    XInput,
    Group,
    Cell
  },
  data () {
    return {
    }
  },
  methods: {
  },
  mounted () {
  }
}
</script>

<style scoped>

.car-foot-nav{
    position: fixed;
    bottom:0;
    width: 100%;
    border-top: 0.0156rem;
}
.car-btn{
  flex:1;
  height: 3.22rem;
  border: none;
  flex:none;
  color:#77b59c;
  float: left;
}
.sum-price{
  width: 60%;
}

.to-pay{
  background: #f36a62;
  color: #fff !important;
  width: 40%;
}

</style>
